{extend name="$index_style_layout" /}

<!--SEO相关-->
{block name="head_title"}{$fid?($info['seo_title']?:$info['name']):$m_info['title']}{/block}
{block name="head_keword"}{$fid?($info['seo_keywords']?:$info['name']):$m_info['title']}{/block}
{block name="head_description"}{$info.seo_description}{/block}

{block name="body_content"}
<div class="BigsortBox">
	<div class="BoxIn">
		<ul>
			<ol><div><span>
{php}$menu_choose=config('system_dirname')?config('system_dirname'):'index';{/php}
{volist name="'wap'|get_web_menu" id="rs"}
			<a href="{$rs.url}" {if ($rs['activate']==$menu_choose||$rs['activate']==$menu_choose.'-'.$fid)}class="ck"{/if}>{$rs.name}</a>
{/volist}</span></div></ol>
			<li><span>更多</span></li>
		</ul>
	</div>
</div>
<!--弹出更多导航菜单-->
<div class="MoreSorts">
	<div class="BackBox" onClick="HiddenMoreSorts()"></div>
{volist name="$fid|get_sort=###,'brother'" id="vo"}
<dl {if $fid==$key}class="ck"{/if}>
			<dt><a href="{:urls('index',['fid'=>$key])}">{$vo}</a><span></span></dt>
					{if count(get_sort($key,'name','sons'))>1}
					<dd>
{notempty name=":get_sort($key,'name','sons')"}
			{volist name=":get_sort($key,'name','sons')" id="vs"}
					<a href="{:urls('index',['fid'=>$key])}">{$vs}</a>
			{/volist}				
	{/notempty}
	</dd>
	{/if}
</dl>
			{/volist}
	<div class="exit"><span onClick="HiddenMoreSorts()">关闭</span></div>
</div>
<script type="text/javascript">
<!--
$('.MoreSorts dl dt span').click(function(){
	var thisobj=$(this).parent().parent();
	thisobj.siblings('dl').removeClass('ck');
	if(thisobj.hasClass('ck')){
		thisobj.removeClass('ck');
	}else{
		thisobj.addClass('ck');
	}
});
function HiddenMoreSorts(){
	$('.MoreSorts').fadeOut();
}
$('.BigsortBox .BoxIn ul li').click(function(){
	var scrollTopH=parseInt($(window).scrollTop());
	$('.MoreSorts').css({'top':scrollTopH+'px'});
	$('.MoreSorts').fadeIn();
});
//统计总宽度
//var mysortBoxW=0;
//$('.BigsortBox ul ol div a').each(function(){
	//mysortBoxW+=$(this).width();
//});
var mysortBoxW=$('.BigsortBox ul ol div span').width()+30;
$('.BigsortBox ul ol div').width(mysortBoxW);
var myScroll; 
myScroll = new IScroll('.BigsortBox ul ol', { scrollX: true, scrollY: false, mouseWheel: true,preventDefault: false,preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|LI)$/ } });
//-->
</script>
<link rel="stylesheet" type="text/css" href="__STATIC__/index/toutiao/waplist.css">
<div class="nav_guide">当前位置：<a href='/' class="home">网站首页</a> -&gt; 

<!-- 频道 -->
<?php $array = config('system_dirname') ? modules_config(config('system_dirname')):''; if($array): $url=iurl(config('system_dirname').'/index/index'); ?>
<a href="<?php echo $url; ?>"><?php echo $array['name']; ?></a>
<?php endif; ?>
<!-- 栏目 -->
<?php $array=[];if($fid&&$_name=sort_config()[$fid]['name'])$array=empty($array=sort_get_father($fid))?[$fid=>$_name]:$array+[$fid=>$_name];foreach($array AS $key=>$name):$url=iurl(config('system_dirname').'/content/index',['fid'=>$key]); ?>
 -&gt; <a href="<?php echo $url; ?>"><?php echo $name; ?></a>
<?php endforeach; ?>
<!-- 自定义标题与链接 -->
<?php if($link_name!=''): $url=$link_url?$link_url:'#'; ?>
<a href="<?php echo $url; ?>"><?php echo $link_name; ?></a>
<?php endif; ?></div>
<div class="MainContainerBox">
	<div class="ListConts">
{qb:listpage name="news_list_page_listdata01" type="cms" rows="10" order="list"}
{if ( count($rs['picurls'])>2 )}
<div class="ListMorpic">
<div class="title"><a href="{$rs.url}">{$rs.title}</a></div>
<a href="{$rs.url}"><ul>
<a href="{$rs.url}">
{volist name="$rs.picurls" id="pic"}
				{if ($i<4)}
	<li><span><img src="{$pic.picurl}" style="max-width: 100%; max-height: 100%;"></span></li>
{/if}
{/volist}
</a>
</ul>
</a>
<dl class="moreinfo"><dt>浏览:<span>{$rs.view}</span>次 评论:<span>{:fun('comment@total',$rs['id'],'cms')}</span>条</dt><dd>{$rs.create_time|date="Y-m-d",###}</dd></dl>
</div>	
{elseif ( $rs['picurl']!='' ) /}
<ul class="pic_word">
	<ol><a href="{$rs.url}"><span><img src="{$rs.picurl}"></span></a></ol>
	<li><div class="title"><a href="{$rs.url}">{$rs.title}</a></div>
<dl class="moreinfo"><dt>浏览:<span>{$rs.view}</span>次 评论:<span>{:fun('comment@total',$rs['id'],'cms')}</span>条</dt><dd>{$rs.create_time|date="Y-m-d",###}</dd></dl>
</li>
</ul>
{else /}
<ul class="pic_word">
	<li><div class="title"><a href="{$rs.url}">{$rs.title}</a></div>
	<p>{$rs.content|get_word=94}</p>
<dl class="moreinfo"><dt>浏览:<span>{$rs.view}</span>次 评论:<span>{:fun('comment@total',$rs['id'],'cms')}</span>条</dt><dd>{$rs.create_time|date="Y-m-d",###}</dd></dl>
</li>
</ul>
{/if}
{/qb:listpage} 

	</div>
</div>
<script type="text/javascript">
var Mpage = 1;
//显示更多
function ShowMoreList(){
	Mpage++;
	$.get('{qb:list_url name="news_list_page_listdata01" /}'+Mpage,function(res){
		if(res.code==0){
			if(res.data==''){
				layer.msg("已经显示完了！",{time:500});
			}else{
				$('.ListConts').append(res.data);
				scroll_get = true;  //这一行仅仅是匹配滚动显示更多.如果没使用滚动特效,可以删除
			}
		}else{
			layer.msg(res.msg,{time:2500});
		}
	});
}

//滚动显示更多
var scroll_get = true;	//做个标志,不要反反复复的加载
$(document).ready(function () {
	$(window).scroll(function () {
		if (scroll_get==true &&  (400 + $(window).scrollTop())>($(document).height() - $(window).height())) {
			scroll_get = false;
			layer.msg('内容加截中,请稍候',{time:1000});
			ShowMoreList();
		}
	});
});

</script>
{/block}
